<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="mainStyle.css" type="text/css" />
		<script type="text/javascript" src="sc.js"></script>
	</head>

	<body onload="init()">
		<div id="father">
			<!--1.logo部分-->
			<div id="logo">
				<div class="top">
					<img src="../img/logo2.png" height="46px" />
				</div>
				<div class="top">
					<img src="../img/header.png" height="46px" />
				</div>
				<div class="top" id="top">
					<a href="#">登录</a>
					<a href="#">注册</a>
					<a href="#">购物车</a>
				</div>
			</div>

			<!--<div id="clear">-->

			<!--2.导航栏部分-->
			<div id="menu">
				<ul>
					<a href="#">
						<li style="font-size: 20px;">首页</li>
					</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">
						<li>手机数码</li>
					</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">
						<li>家用电器</li>
					</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">
						<li>鞋靴箱包</li>
					</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">
						<li>孕婴保健</li>
					</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">
						<li>奢侈品</li>
					</a>
				</ul>
			</div>
			<!--3.轮播图部分-->
			<div id="">
				<img src="../img/1.jpg" width="100%" id="changeImg"/>
			</div>
			<!--4.最新商品-->
			<div id="product">
				<div id="product_top">
					&nbsp;&nbsp;&nbsp;
					<span style="font-size: 25px;padding-top: 8px;">最新商品</span>&nbsp;&nbsp;&nbsp;
					<img src="../img/title2.jpg" />
				</div>
				<div id="product_bottom">
					<div id="product_bottom_left">
						<a href="#"><img src="../img/big01.jpg" width="100%" height="100%" /></a>
					</div>

					<div id="product_bottom_right">
						<div id="big">
							<a href="#"><img src="../img/middle01.jpg" width="100%" height="100%" /></a>
						</div>
						<div id="small">
							<img src="../img/small01.jpg" />
							<a href="#">
								<p style="color: gray;">电炖锅</p>
							</a>
							<p style="color: red;">💰399</p>
						</div>
						<div id="small">
							<img src="../img/small02.jpg" />
							<a href="#">
								<p style="color: gray;">电炖锅</p>
							</a>
							<p style="color: red;">💰399</p>
						</div>
						<div id="small">
							<img src="../img/small03.jpg" />
							<a href="#">
								<p style="color: gray;">电炖锅</p>
							</a>
							<p style="color: red;">💰399</p>
						</div>
						<div id="small">
							<img src="../img/small04.jpg" />
							<a href="#">
								<p style="color: gray;">电炖锅</p>
							</a>
							<p style="color: red;">💰399</p>
						</div>
						<div id="small">
							<img src="../img/small05.jpg" />
							<a href="#">
								<p style="color: gray;">电炖锅</p>
							</a>
							<p style="color: red;">💰399</p>
						</div>
						<div id="small">
							<img src="../img/small06.jpg" />
							<a href="#">
								<p style="color: gray;">电炖锅</p>
							</a>
							<p style="color: red;">💰399</p>
						</div>
						<div id="small">
							<img src="../img/small07.jpg" />
							<a href="#">
								<p style="color: gray;">电炖锅</p>
							</a>
							<p style="color: red;">💰399</p>
						</div>
						<div id="small">
							<img src="../img/small08.jpg" />
							<a href="#">
								<p style="color: gray;">电炖锅</p>
							</a>
							<p style="color: red;">💰399</p>
						</div>
						<div id="small">
							<img src="../img/small09.jpg" />
							<a href="#">
								<p style="color: gray;">电炖锅</p>
							</a>
							<p style="color: red;">💰399</p>
						</div>
					</div>
				</div>
			</div>
			<!--5.广告图片-->
			<div id="">
				<img src="../img/f001a62f-a49d-4a4d-b56f-2b6908a0002c_g.jpg" width="100%" />
			</div>
			<!--6.热门商品-->
			<div id="product">
				<div id="product_top">
					&nbsp;&nbsp;&nbsp;
					<span style="font-size: 25px;padding-top: 8px;">热门商品</span>&nbsp;&nbsp;&nbsp;
					<img src="../img/title2.jpg" />
				</div>
				<div id="product_bottom">
					<div id="product_bottom_left">
						<a href="#"><img src="../img/big01.jpg" width="100%" height="100%" /></a>
					</div>

					<div id="product_bottom_right">
						<div id="big">
							<a href="#"><img src="../img/middle01.jpg" width="100%" height="100%" /></a>
						</div>
						<div id="small">
							<img src="../img/small01.jpg" />
							<a href="#">
								<p style="color: gray;">电炖锅</p>
							</a>
							<p style="color: red;">💰399</p>
						</div>
						<div id="small">
							<img src="../img/small02.jpg" />
							<a href="#">
								<p style="color: gray;">电炖锅</p>
							</a>
							<p style="color: red;">💰399</p>
						</div>
						<div id="small">
							<img src="../img/small03.jpg" />
							<a href="#">
								<p style="color: gray;">电炖锅</p>
							</a>
							<p style="color: red;">💰399</p>
						</div>
						<div id="small">
							<img src="../img/small04.jpg" />
							<a href="#">
								<p style="color: gray;">电炖锅</p>
							</a>
							<p style="color: red;">💰399</p>
						</div>
						<div id="small">
							<img src="../img/small05.jpg" />
							<a href="#">
								<p style="color: gray;">电炖锅</p>
							</a>
							<p style="color: red;">💰399</p>
						</div>
						<div id="small">
							<img src="../img/small06.jpg" />
							<a href="#">
								<p style="color: gray;">电炖锅</p>
							</a>
							<p style="color: red;">💰399</p>
						</div>
						<div id="small">
							<img src="../img/small07.jpg" />
							<a href="#">
								<p style="color: gray;">电炖锅</p>
							</a>
							<p style="color: red;">💰399</p>
						</div>
						<div id="small">
							<img src="../img/small08.jpg" />
							<a href="#">
								<p style="color: gray;">电炖锅</p>
							</a>
							<p style="color: red;">💰399</p>
						</div>
						<div id="small">
							<img src="../img/small09.jpg" />
							<a href="#">
								<p style="color: gray;">电炖锅</p>
							</a>
							<p style="color: red;">💰399</p>
						</div>
					</div>
				</div>
			</div>
			<!--7.广告图片-->
			<div id="">
				<img src="../img/footer.jpg" width="100%" />
			</div>
			<!--8.友情链接和版权信息-->
			<div id="bottom">
				<a href="#">关于我们</a>
				<a href="#">联系我们</a>
				<a href="#">招贤纳士</a>
				<a href="#">法律声明</a>
				<a href="#">友情链接</a>
				<a href="#">支付方式</a>
				<a href="#">配送方式</a>
				<a href="#">服务声明</a>
				<a href="#">广告声明</a>
				<p>
					Copyright © 2005-2016 传智商城 版权所有
				</p>
			</div>
		</div>
	</body>

</html>